
/* * all * */
:root {
    --back-to-top-z-index: 5;
    --back-to-top-color: #3eaf7c!important;
    --back-to-top-color-hover: #71cda3!important;
    --tw-text-opacity: #378c3f!important;
}

body, html {
    /* background-color: #f4f4f4; */
    color: #092854;
}

p::selection {
	background: #ccc;
	color: #378c3f;
}

/* 滚动条样式 */
div::-webkit-scrollbar, ul::-webkit-scrollbar, pre::-webkit-scrollbar, body::-webkit-scrollbar, html::-webkit-scrollbar, aside::-webkit-scrollbar, main::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
    padding: 0 4px !important;
}

div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb, aside::-webkit-scrollbar-thumb, main::-webkit-scrollbar-thumb {
    /* 滚动条里面小方块 */
    background-color: rgb(215, 215, 215) !important;
    border: 3px solid transparent !important;
    border-radius: 6px !important;
    background-clip: content-box !important;
}

div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track, pre::-webkit-scrollbar-track, body::-webkit-scrollbar-track, html::-webkit-scrollbar-track, aside::-webkit-scrollbar-track, main::-webkit-scrollbar-track {
    /* 滚动条里面轨道 */
    background: #fafafa !important;
    border-radius: 0 4px 4px 0;
}

p img {
    border-radius: 0!important;
}

/* 首页 */
.hero-content {
    color: #fff;
}

.hero-content p {
    overflow: hidden;
    border-right: .15em solid #378c3f;
    white-space: nowrap;
    animation:  typing 2s steps(20, end) forwards;
    font-size: 1.6rem;
    width: 0;
}

.hero-content h1 { 
    animation: swing 5s infinite;/*设置动画*/
}

/* 首页文章列表样式 */
.post-item-container {
    /* border-color: #378c3f; */
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.post-item-container .title:hover a {
    color: #378c3f;
}

/* 首页右侧样式 */
.personal-info-wrapper img {
    transition: all 0.5s linear;
    animation: pulsate ease 2s infinite;
}

.tag-item, .category-item, .jump, .jumpinput {
    transition: all .5s;
    border-color: #378c3f!important;
}

.tag-item:hover, .category-item.active, .category-item:hover, .jump.active, .jump.gobtn:hover, .back-to-top, .back-to-top:hover, .post-item-container .title:after {
    /* border: none; */
    background-color: #378c3f!important;
}

.page-container {
    margin-bottom: 0;
}

.page-catalog-container ul li{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-wrapper {
    background-color: #fff!important;
}
.dark .info-wrapper {
    background-color: rgb(54 59 70 / var(--tw-bg-opacity))!important;
}

.category-wrapper {
    border-bottom: 1px solid #ccc;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.category-item {
    padding: 2px;
    border: none!important;
    box-shadow: 0px 2px 12px 0px rgb(0 0 0 / 30%);
}

/* 动画 */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

@keyframes pulsate {
	0% {
		filter: drop-shadow(0 0 5px rgba(55, 140, 63, 0.6));
	}

	50% {
		filter: drop-shadow(0 0 15px rgba(55, 140, 63, 0.6));
	}
	100% {
		filter: drop-shadow(0 0 5px rgba(55, 140, 63, 0.6));
	}
}

@keyframes swing{/*创建动画*/
    20%{
       -webkit-transform:rotate(15deg);
    }40%{
       -webkit-transform:rotate(-15deg);
    }60%{
       -webkit-transform:rotate(5deg);
    }80%{
       -webkit-transform:rotate(-5deg);
    }100%{
       -webkit-transform:rotate(0deg);
    }
}